<template>
	<view class="loadings">
		<view>
			<image src="../static/loading.svg" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	image{
		width: 150upx;
		height: 150upx;
		border-radius: 10upx;
		animation: 1s image linear infinite;
	}
	.loadings view{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	
	.loadings{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		overflow: hidden;
		background-color: rgba(255,255,255,0.5);
	}
	@keyframes image{
		0%{
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(360deg);
		}
	}
</style>
